草庐IT

HTML5 拖放(Drag 和 Drop)

全部标签

javascript - 我如何从 jquery 中的 html.radiobuttonfor 中获取选定的值

我在MVC中有2个单选按钮绑定(bind)到一个模型,如下所示。我如何在jquery中获取选定的单选按钮值?Yes@Html.RadioButtonFor(m=>m.SelectedPerson.is_selected,true,new{@onchange="ToggleInfo();"})No@Html.RadioButtonFor(m=>m.SelectedPerson.is_selected,false,new{@onchange="ToggleInfo();"})被调用的javascript函数是:functionToggleInfo(){//Gettheselectedval

javascript - 结合 AngularJS、jQueryUI、Angular-Drag-Drop 排序列表

我遇到以下情况,我需要允许用户从列表中选择对象并将它们拖/放到某个插槽中:对象的大小可以是插槽的一到三倍。所以如果用户将Object1拖到Slot0,那么它只占用Slot0(startSlot=0和endSlot=0)。但是,如果用户将对象3拖动到插槽3,则它会占用插槽3、4和5(startSlot=3和endSlot=5)。将对象放入槽中后,用户可以通过在槽中单击并上下拖动对象来重新排序对象。对象不能相互重叠:我正在使用Angular,所以我正在从数据库中读取对象列表,并且我有一个槽数变量。我尝试了几种解决方案。我相信使用jQuery和jQueryUI可拖动、可放置和可排序是解决方案

javascript - 如何动态设置 HTML lang 属性?

如何在Web应用程序中动态设置HTML的“lang”属性?我尝试使用jQuery如下插入“lang”属性:$(document).ready(function(){$("html").attr("lang",language);//'language'valueisretrievedfromacookie});使用控制台/警报,'lang'属性看起来已按预期设置。但是,如果您看到生成的源代码(查看源代码),则根本没有设置“lang”。要求是屏幕阅读器必须能够动态识别语言。如果有任何其他解决方案可以使屏幕阅读器动态识别语言,那就太好了。感谢大家在线发表评论!

javascript - 用 HTML 字符替换句点

我的一些代码有问题。我输入了一个输入,段落中的文本使用突出显示。.但是,当我添加一个句点以突出显示所有句点时,代码会崩溃并为我提供实际的html代码并随机突出显示。所以我尝试添加一个替换器来更改周期。现在它不会panic,但不会突出显示任何内容。这是我尝试用html字符数(.)替换句点的代码:vari=document.getElementById("Bar").value;varinpu=$.trim(i);varinp=inpu.replace(".",".");varSearchReq=newRegExp("(\\b"+inp+"\\b)","gim");varN

javascript - 读取 HTML 对象标签中的数据

我在服务器上存储了一个文本文件和一个HTML格式的对象,如下所示:如何在Javascript中读取test.txt的内容?到目前为止我所拥有的是:vardata=document.getElementByID("data");但我不知道如何读取对象标签内的HTML文档。 最佳答案 object标签必须向服务器发出单独的请求,然后加载该内容。同时,您的JavaScript已经执行并“错过了公交车”。在object的onload事件中运行您的代码。然后使用.contentDocument.body.childNodes[0].inner

javascript - 在 MediaSource HTML5 中播放 MediaRecorder block ——视频卡住

我有这个简单的代码来获取视频流block并在MediaSource中播放它们。我看到视频,但有时它会停止。它可能会工作几秒钟或几分钟。但最后它在某个时刻停止了。chrome://media-internals/显示没有错误。这里有什么问题吗?navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;varmediaSource=newMediaSource();varconstraints

javascript - 从 react 组件中的html文件中的脚本标签访问变量

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭6年前。Improvethisquestion我最近才开始研究javascript和React.js。目前我的main.html文件中有一些脚本标签,我需要能够从我的React.js组件中的这些标签访问一些变量。有办法做到这一点吗?

javascript - 如何将拖放事件监听器附加到 React 组件

我正在构建一个允许将本地文件拖放到div上的组件。然后会输出有关已删除文件的信息。我的问题是在创建组件时我不知道如何正确附加事件监听器drop和dragover。我的App组件是我所有逻辑所在的地方(拖放和拖动的处理程序),我创建了一个单独的组件,文件将被放置在该组件上-dropZone组件。我尝试使用componentDidMount将事件监听器放在我的App组件上的dropZone标记上,如果我的dropZone组件已呈现,则在其上放置一个事件监听器:componentDidMount(){constdropZone=document.getElementById('dropZon

javascript - react-i18next: 在文本中间插入 HTML 标签中的链接

我正在使用react,i18next和react-i18next.我想在文本中间有一些带有HTML链接的可翻译文本,这些文本是在react中插入的,如下所示:Thisismytextwithabeautifullinkinthemiddleofthetext下面的解决方案有效,但问题是我需要在react中插入链接,因此它不能在标签文件中进行硬编码:"my-label":"Thisismytextwithabeautifullinkinthemiddleofthetext"[...]看起来这样好多了:"my-label":"Thisismytextwith{{link}}inthemid

javascript - 如何在 Angular 5 组件中有条件地加载 templateUrl html 文件

我的项目中有一个场景,考虑一下,我有一个testDynamic组件@Component({templateUrl:"./test-dynamic.html",//NeedtooverridethisfilestyleUrls:['./test-dynamic.css']})exportclasstestDynamic{constructor(){}}这里需要检查覆盖文件夹中是否存在override1.html文件,然后加载此文件作为templateUrl,否则加载组件默认的test-dynamic.html。知道如何实现这一目标吗?引用下图可以清楚理解 最佳